<template>
    <div class="system">
        <div class="aside">
            <div class="profile">
                <div class="avatar img-circle">
                    <img src="images/my_logo.jpg">
                </div>
                <h4>张学友</h4>
            </div>
            <div class="navs">
                <ul class="list-unstyled">
                    <li class="active">
                        <router-link to="/userManage">
                            <i class="fa fa-user"></i>
                            用户管理
                        </router-link>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <i class="fa fa-bars"></i>
                            分类管理
                            <i class="fa fa-angle-right"></i>
                        </a>
                        <ul class="list-unstyled">
                            <li>
                                <router-link to="/cate1">一级分类管理</router-link>
                            </li>
                            <li>
                                <router-link to="/cate2">二级分类管理</router-link>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <router-link to="/product">
                            <i class="fa fa-product-hunt"></i>
                            商品管理
                        </router-link>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main">
            <div class="header">
                <nav class="navbar navbar-custom">
                    <button type="button" class="btn btn-success navbar-btn" style="margin-left: 10px" @click="login">Sign in</button>
                    <ul class="nav navbar-nav navbar-right">
                        <li>
                            <a href="javascript:;" class="login_out_bot">
                                <!--退出并没有实现-->
                                <i class="fa fa-sign-out"></i> 退出
                            </a>
                        </li>
                    </ul>
                </nav>
            </div>
            <router-view></router-view>

        </div>
    </div>
</template>
<style scoped lang="css">

</style>
<script>
    import './js/common.js'
    export default {
        methods:{
            login(){
                location.href = 'login.html'
            }
        }

    }
</script>